<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>影院端主页</title>
    <script src="../../js/vue.js"></script>
    <script src="../../js/axios0.18.js"></script>
</head>
<body>
<div id="app">
    <table>
        <tr>
            <td><input type="button" value="影厅列表" @click="toHouseList"></td>
            <td><input type="button" value="添加影厅" @click="toAddHouse"></td>
        </tr>
        <tr>
            <td><input type="button" value="排片列表" @click="toArrangeList"></td>
            <td><input type="button" value="添加排片" @click="toAddArrange"></td>
        </tr>
    </table>
</div>
</body>
</html>

<script>
    new Vue({
        el: "#app",
        methods: {
            toAddHouse() {
                window.location = "addHouse.html";
            },
            toHouseList() {
                window.location = "houseList.html";
            },
            toArrangeList() {
                window.location = "arrangeList.html";
            },
            toAddArrange() {
                window.location = "addArrange.html";
            }
        }
    })
</script>